<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
          <i class="iconfont iconshuxian left-line"></i>
          <a href="javascript:" lay-href="">首页</a>
          <a><cite>外汇管理</cite></a>
          <a><cite>收款人信息</cite></a>

          <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
            <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
          </div>

        </div>
    </div>

    <div class="layui-card mt20">
         <!--基本信息-->
         <div class="basic-info">
            <div class="layui-card-header">
                <span class="def-fc">
                    <a href="javascript:" title="返回" class="head-go-back" onclick="history.back()"><i class="iconfont iconfanhui"></i></a>
                </span>
                <span class="def-fc"><i class="fa fa-address-card-o"></i>基本信息</span>
            </div>
            <div id="basic-info-div">

            </div>
         </div>
    </div>
    <div class="layui-card mt20">
        <!--银行账号信息-->
        <div class="bank-info">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>银行账号信息</span></div>
            <div id="bank-info-div">

            </div>
        </div>
    </div>

</div>
<script type="text/html" id="tpl-basic-info">
     <table class="layui-table"   cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td>状态</td>
                <td>
                    {{d.statusDesc}}
                </td>
            </tr>
            {{# if(d.status == '2'){ }}
            <tr>
                <td>审核不通过原因</td>
                <td>{{d.approveResult}}</td>
            </tr> 
            {{# } }}
            <tr>
                <td>收款人别名</td>
                <td>{{d.payeeAlias}}</td>
            </tr> 
            <tr>
                <td>收款人编号</td>
                <td>{{d.beneficiaryId}}</td>
            </tr>
            <tr>
                <td>收款人类型</td>
                <td>{{d.payeeTypeDesc}}</td>
            </tr>
            <tr>
                <td>收款人注册地区</td>
                <td>{{d.regAreaDesc}}</td>
            </tr>
            <tr>
                <td>收款人注册地址</td>
                <td>{{d.address}}</td>
            </tr>
        </tbody>
     </table>   
</script>

<script type="text/html" id="tpl-bank-info">
    <table class="layui-table"   cellpadding="0" cellspacing="0">
       <tbody>
           <tr>
               <td>银行所在地区</td>
               <td>{{d.bankCountryDesc}}</td>
           </tr> 
           <tr>
               <td>银行名称</td>
               <td>{{d.bankName}}</td>
           </tr> 
           <tr>
               <td>路由方式</td>
               <td>{{d.routeTypeDesc}}</td>
           </tr>
           {{# if(d.routeType == '2'){ }}
           <tr>
                <td>IBAN</td>
                <td>{{d.routeNo}}</td>
           </tr>
           <tr>
                <td>SWIFT CODE</td>
                <td>{{d.swiftCode}}</td>
           </tr>  
           {{# } }}
           {{# if(d.routeType == '4'){ }}
           <tr>
                <td>联行号</td>
                <td>{{d.routeNo}}</td>
           </tr>
           {{# } }}
           {{# if(d.routeType == '3'){ }}
           <tr>
                <td>SWIFT CODE</td>
                <td>{{d.swiftCode}}</td>
           </tr>
           {{# } }}
           <tr>
               <td>账户币种</td>
               <td>{{d.currencyDesc}}</td>
           </tr>
           <tr>
               <td>银行账号</td>
               <td>{{d.accountNo}}</td>
           </tr>
           <tr>
               <td>账户名称</td>
               <td>{{d.accountName}}</td>
           </tr>
           <tr>
            <td>备注</td>
            <td>{{layui.com.removeNull(d.memo)}}</td>
        </tr>
       </tbody>
    </table>   
</script>

<script>
    layui.use('rateBeneficiaryDetail', layui.factory('rateBeneficiaryDetail'));
</script>
<style type="text/css">
    .layui-table{
        margin-bottom: 30px;
    }
    tr td:nth-child(1){
       width:120px;
    }
    .layui-table td{
        font-size: 12px;
        border-style:none
    }
    .layui-table tbody tr:hover{
        background-color: #fff;
    }
</style>